<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>关于我们</title>
    <link rel="stylesheet" href="./css/base.css" />
    <link rel="stylesheet" href="./css/common.css" />
    <link rel="stylesheet" href="./css/aboutUs.css">
    <link rel="stylesheet" href="./css/contactUs.css" />
    <link rel="stylesheet" href="./css/contactUs.css">
    <script src="./js/contactUs.js"></script>
</head>

<body>
    <!--头部-->
    <div class="header">
        <div class="wrapper">
            <a href="#"><img src="./images/logo.png" /></a>
            <div class="sousuo">
                <img src="./images/sousuo.jpg" />
                <input type="search" value="输入你要搜索的关键字" class="kuang" />
                <input type="submit" value="搜索" class="anliu" />
            </div>
            <!--导航-->
            <div class="navq">
                <ul class="nav">
                    <li><a href="./index.html">首页</a></li>
                    <li><a href="./aboutUs.html">关于我们</a>
                        <div class="hover">
                            <ul>
                                <li><a href="#">公司简介</a></li>
                                <li><a href="#">领导致辞</a></li>
                                <li><a href="#">机构设置</a></li>
                                <li><a href="#">地理位置</a></li>
                                <li><a href="#">图片介绍</a></li>
                            </ul>
                        </div>
                    </li>
                    <li><a href="./CorporateNews.html">企业新闻</a></li>
                    <li><a href="./SuccessStories.html">成功案例</a></li>
                    <li><a href="#">产品中心</a></li>
                    <li><a href="#">人力资源</a></li>
                    <li><a href="#">联系我们</a></li>
                </ul>
            </div>
            <!--导航-->
        </div>
    </div>
    <!--头部-->
    <!--焦点图-->
    <div class="cartBody">
        <div class="wrapper">
            <div class="introduce">
                <p>为用户提供最佳解决方案</p>
                <p>Dignity 5S Hotel Rooming House </p>
            </div>

        </div>
    </div>
    <!--焦点图-->
    <!--内容-->
    <div class="cantent wrapper clearFix">
        <div class="left">
            <div class="head">
                <h4>联系我们</h4>
                <h4>GROUP</h4>
            </div>
            <ul class="triangle">
                <li><a href="#"><span>▶</span>公司简介</a></li>
                <li><a href="#"><span>▶</span>领导致辞</a></li>
                <li><a href="#"><span>▶</span>机构设置</a></li>
                <li><a href="#"><span>▶</span>地理位置</a></li>
                <li><a href="#"><span>▶</span>图片介绍</a></li>
            </ul>
            <div></div>
        </div>
        <div class="right">
            <div class="head">
                <h4>联系我们</h4>
                <div><span>当前位置</span>><span>首页</span>><span>联系我们</span></div>
            </div>
            <div class="content">
                <ul>
                    <li>
                        <p>留言标题:</p><input type="text">
                    </li>
                    <li>
                        <p>留言内容:</p><textarea></textarea>
                    </li>
                    <li>
                        <p>联系邮箱:</p><input type="text">
                    </li>
                    <li>
                        <p>联系电话:</p><input type="text">
                    </li>
                    <li>
                        <p>联系人:</p><input type="text">
                    </li>
                    <li>
                        <a href="">去购买商城</a>
                    </li>
                </ul>

            </div>
        </div>
    </div>
    <!--内容-->
    <!--底部-->
    <div class="bottomBody">
        <div class="wrapper">
            <div class="di">
                <ul>
                    <li>关于我们</li>
                    <li><a href="#">公司简介</a> </li>
                    <li><a href="#">领导致辞</a></li>
                    <li><a href="#">机构设置</a></li>
                    <li><a href="#">地理位置</a></li>
                    <li><a href="#">图片介绍</a></li>
                </ul>
            </div>
            <div class="di">
                <ul>
                    <li>我们的产品</li>
                    <li><a href="#">产品名称第一</a> </li>
                    <li><a href="#">汇源果汁</a></li>
                    <li><a href="#">哇哈哈矿泉水</a></li>

                </ul>
            </div>
            <div class="di">
                <ul>
                    <li>市场活动与促销</li>
                    <li><a href="#">年底促销</a> </li>
                    <li><a href="#">6.18年中大促销</a></li>
                </ul>
            </div>
            <div class="di">
                <ul>
                    <li>服务支持</li>
                    <li><a href="#">售后服务</a> </li>
                    <li><a href="#">资料下载</a></li>
                    <li><a href="#">招商加盟</a></li>
                </ul>
            </div>
            <div class="di">
                <ul>
                    <li>合作伙伴</li>
                    <li><a href="#">网易</a><a href="#">搜狐</a> </li>
                    <li><a href="#">新浪</a><a href="#">加盟</a></li>
                    <li><a href="#">中信</a><a href="#">腾讯</a></li>
                </ul>
            </div>
            <div class="hou">
                <div class="qrCode">
                    <img src="./images/qrcode.png" />
                    <div class="contact">
                        <a href="#"><img src="./images/lian1.jpg"></a>
                        <a href="#"><img src="./images/lian2.jpg"></a>
                        <a href="#"><img src="./images/lian3.jpg"></a>
                        <a href="#"><img src="./images/lian4.jpg"></a>
                        <a href="#"><img src="./images/lian5.jpg"></a>
                        <a href="#"><img src="./images/lian6.jpg"></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--底部-->
    <!--声明-->
    <div class="fawuBody">
        <div class="wrapper">
            <div><img src="./images/xiaLOGO.png" /></div>
            <div>
                <p class="number">400-123-123456</p>
            </div>
            <div>
                <p class="">© 20010-20011 版权所有 2003 -2010 &emsp;&emsp; dodi.cn &emsp; 分享设计作品？就去多迪梦工厂！</p>
            </div>
            <a href="#" class="returnTop"><img src="./images/returnTop.png" />
            </a>
        </div>
    </div>
    <!--声明-->
</body>

</html>